<!DOCTYPE html> {% load static %}
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="Dashboard">
    <meta name="keyword" content="Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
    <title>编辑信息</title>

    <!-- Bootstrap core CSS -->
    <link href="{% static 'lib/bootstrap/css/bootstrap.min.css' %}" rel="stylesheet">
    <!--external css-->
    <link href="{% static 'lib/font-awesome/css/font-awesome.css' %}" rel="stylesheet" />
    <link href="{% static 'lib/bootstrap-wysihtml5/bootstrap-wysihtml5.css' %}" rel="stylesheet" />
    <!-- Custom styles for this template -->
    <link href="{% static 'css/style.css' %}" rel="stylesheet">
    <link href="{% static 'css/style-responsive.css' %}" rel="stylesheet">


</head>

<body>
    <section id="container">
        <!-- **********************************************************************************************************************************************************
        TOP BAR CONTENT & NOTIFICATIONS
        *********************************************************************************************************************************************************** -->
        <!--header start-->
        <header class="header black-bg">
            <div class="sidebar-toggle-box">
                <div class="fa fa-bars tooltips" data-placement="right" data-original-title="Toggle Navigation"></div>
            </div>
            <!--logo start-->
            <a href="index.html" class="logo"><b>奖助学金评定<span>系统</span></b></a>
            <!--logo end-->
            <div class="nav notify-row" id="top_menu">
                <!--  notification start -->
                <ul class="nav top-menu">
                    <!-- inbox dropdown start-->
                    <li id="header_inbox_bar" class="dropdown">
                        <a data-toggle="dropdown" class="dropdown-toggle" href="index.html#">
                            <i class="fa fa-envelope-o"></i>
                            {% if no_read_message_count != 0 %} <span class="badge bg-theme">{{ no_read_message_count }}</span>{% endif %}
                        </a>
                        <ul class="dropdown-menu extended inbox">
                            <div class="notify-arrow notify-arrow-green"></div>
                            <li>
                                <p class="green">你有{{ no_read_message_count }} 条信息未读</p>
                            </li>
                            {% for no_read_message in no_read_message_list %}
                            <li>
                                <a href="{% url 'dataManagement:messageShow' no_read_message.id %}">
                                    <span class="photo"><i class="fa fa-envelope-o"></i></span>
                                    <span class="subject">
                    <span class="from">来自{{ no_read_message.from_user }}</span>
                                    <span class="time">{{ no_read_message.send_time }}</span>
                                    </span>
                                    <span class="message">
                      {{ no_read_message.text | truncatechars:17 }}...
                    </span>
                                </a>
                            </li>
                            {% empty %} 暂无消息 {% endfor %}
                        </ul>
                    </li>
                    <!-- inbox dropdown end -->
                </ul>
                <!--  notification end -->
            </div>
            <div class="top-menu">
                <ul class="nav pull-right top-menu">
                    <li><a class="logout" href="{% url 'MyUser:logout' %}">退出</a></li>
                </ul>
            </div>
        </header>
        <!--header end-->
        <!-- **********************************************************************************************************************************************************
        MAIN SIDEBAR MENU
        *********************************************************************************************************************************************************** -->
        <!--sidebar start-->
        <aside>
            <div id="sidebar" class="nav-collapse ">
                <!-- sidebar menu start-->
                <ul class="sidebar-menu" id="nav-accordion">
                    <!--          <p class="centered"><a href="profile.html"><img src="img/ui-sam.jpg" class="img-circle" width="80"></a></p>-->
                    <h5 class="centered">{% if request.user.name %}你好!&nbsp; {{ request.user.name }}{% else %} 请完善个人信息! {% endif %}</h5>
                    <li class="mt">
                        <a href="{% url 'dataManagement:index' %}">
                            <i class="fa fa-dashboard"></i>
                            <span>首页</span>
                        </a>
                    </li>
                    <li class="sub-menu">
                        <a href="javascript:;">
                            <i class="fa fa-desktop"></i>
                            <span>设置</span>
                        </a>
                        <ul class="sub">
                            <li><a href="{% url 'dataManagement:myinfo' %}">我的信息</a></li>
                            <li><a href="{% url 'dataManagement:setPassword' %}">修改密码</a></li>
                        </ul>
                    </li>
                    <li class="sub-menu">
                        <a href="javascript:;">
                            <i class="fa fa-cogs"></i>
                            <span>评审信息</span>
                        </a>
                        {% if request.user.identity == "学生" %}
                        <ul class="sub">
                            <li><a href="{% url 'dataManagement:requestLog' %}">申请记录</a></li>
                        </ul>
                        {% elif request.user.identity == "老师" %}
                        <ul class="sub">
                            <li><a href="{% url 'dataManagement:meetingList' %}">我的学生</a></li>
                            <!--                <li><a href="{% url 'dataManagement:juryGradeMeetingList' %}">我是评委</a></li>-->
                        </ul>
                        {% elif request.user.identity == "评委" %}
                        <ul class="sub">
                            <li><a href="{% url 'dataManagement:juryGradeMeetingList' %}">我是评委</a></li>
                        </ul>
                        {% endif %}
                    </li>
                    <li>
                        <a href="{% url 'dataManagement:messageIndex' %}" class="active">
                            <i class="fa fa-envelope"></i>
                            <span>消息</span>
                            <span class="label label-theme pull-right mail-info">{{ no_read_message_count }}</span>
                        </a>
                    </li>
                </ul>
                <!-- sidebar menu end-->
            </div>
        </aside>
        <!--sidebar end-->
        <!-- **********************************************************************************************************************************************************
        MAIN CONTENT
        *********************************************************************************************************************************************************** -->
        <!--main content start-->
        <section id="main-content">
            <section class="wrapper">
                <!-- page start-->
                <div class="row mt">
                    <div class="col-sm-3">
                        <section class="panel">
                            <div class="panel-body">
                                <a href="{% url 'dataManagement:editMessage' %}" class="btn btn-compose">
                                    <i class="fa fa-pencil"></i> 写消息
                                </a>
                                <ul class="nav nav-pills nav-stacked mail-nav">
                                    <li>
                                        <a href="{% url 'dataManagement:messageIndex' %}?num=1&&choice=1"> <i class="fa fa-inbox"></i> 收到的</a>
                                    </li>
                                    <li>
                                        <a href="{% url 'dataManagement:messageIndex' %}?num=2  "> <i class="fa fa-envelope-o"></i> 发出的</a>
                                    </li>
                                </ul>
                            </div>
                        </section>
                    </div>
                    <div class="col-sm-9">
                        <section class="panel">
                            <header class="panel-heading wht-bg">
                                <h4 class="gen-case">
                                    发送消息
                                </h4>
                            </header>
                            <div class="panel-body">
                                <div class="compose-mail">
                                    <div class="form-group">
                                        <label for="to" class="">To:</label>
                                        <input type="text" tabindex="1" id="to" class="form-control to_user" placeholder="姓名/用户名">

                                    </div>
                                    <!--                    查询展示-->
                                    <div class="panel panel-default search-div" style="width: 80%;margin: auto; display: none">
                                        <div class="panel-body search-result">
                                            <ul class="search-ul" style="list-style-type: none">

                                            </ul>
                                        </div>
                                    </div>

                                    <div class="compose-editor">
                                        <textarea class="form-control text" rows="9"></textarea>
                                    </div>
                                    <div class="compose-btn">
                                        <button class="btn btn-theme btn-sm send-message"><i class="fa fa-check"></i> 发送</button>
                                        <button class="btn btn-sm clear-message clear-text"><i class="fa fa-times"></i> 清空</button>
                                    </div>
                                </div>
                            </div>
                        </section>
                    </div>
                </div>
            </section>
            <!-- /wrapper -->
        </section>
        <!-- /MAIN CONTENT -->
        <!--main content end-->
    </section>
    <!-- js placed at the end of the document so the pages load faster -->
    <script src="{% static 'lib/jquery/jquery.min.js' %}"></script>
    <script src="{% static 'lib/bootstrap/js/bootstrap.min.js' %}"></script>
    <script class="include" type="text/javascript" src="{% static 'lib/jquery.dcjqaccordion.2.7.js' %}"></script>
    <script src="{% static 'lib/jquery.scrollTo.min.js' %}"></script>
    <script src="{% static 'lib/jquery.nicescroll.js' %}" type="text/javascript"></script>
    <!--common script for all pages-->
    <script src="{% static 'lib/common-scripts.js' %}"></script>
    <!--script for this page-->
    <script type="text/javascript" src="{% static 'lib/bootstrap-wysihtml5/wysihtml5-0.3.0.js' %}"></script>
    <script type="text/javascript" src="{% static 'lib/bootstrap-wysihtml5/bootstrap-wysihtml5.js' %}"></script>

    <script type="text/javascript">
        //wysihtml5 start
        $(".to_user").bind("input propertychange contentchanged", function() {
            var val = $(this).val();
            // $.post("{% url 'dataManagement:editSearchUser' %}", {"val": val, csrfmiddlewaretoken: '{{ csrf_token }}'}, function (data) {
            //
            // })
            $.ajax({
                url: "{% url 'dataManagement:editSearchUser' %}",
                type: 'post',
                data: {
                    "val": val,
                    csrfmiddlewaretoken: '{{ csrf_token }}'
                },
                cache: false,
                success: function(data) {
                    if (data == "") {
                        $(".search-ul").html("");
                        $(".search-div").hide();
                        return false;
                    }
                    var content = "请选择:<br>"
                    var data = JSON.parse(data)
                    $.each(data, function(i, item) {
                        content += "<a href='javascript:;' class='search-field'><li>" + "姓名:" + item.fields.name + "&nbsp;&nbsp;" + "用户名:" + item.fields.username + "</li></a></br>";
                    })
                    $(".search-ul").html(content);
                    $(".search-div").show();
                    var sc = document.createElement("script");
                    sc.src = "{% static 'add.js' %}";
                    $("body").append(sc);

                },
                error: function(xhr) {
                    alert("出现错误");
                }
            })
        })
        $(".send-message").click(function() {
            var val = $(".to_user").val();
            var text = $(".text").val();
            if ($.trim(val.split(":")[2]) == "") {
                alert("请选择接收者")
            } else if ($.trim(text) == "") {
                alert("请填写发送内容")
            } else {
                var r = confirm("确定发送吗");
                if (r == true) {
                    $.post("{% url 'dataManagement:editMessage' %}", {
                        "username": $.trim(val.split(":")[2]),
                        "text": $.trim(text),
                        csrfmiddlewaretoken: "{{ csrf_token }}"
                    }, function(data) {
                        alert(data.status)
                        if (data.status == "成功") {
                            window.location.reload();
                        }
                    })
                }
            }
        })
        $(".clear-text").click(function() {
                $(".text").val("")
            })
            //wysihtml5 end
    </script>
</body>

</html>